import React from "react"
import ReactDOM from "react-dom/client"
import App from "@/App"
import { BrowserRouter } from "react-router-dom"
import { Provider } from "react-redux"
import { ThemeProvider } from "styled-components"

// 自己引入的文件
import "@/style/index.scss" //重置样式
import store from "@/store/index"
import theme from "@/assets/theme/index"

const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement)
root.render(
  <BrowserRouter>
    <Provider store={store}>
      <ThemeProvider theme={theme}>
        <App />
      </ThemeProvider>
    </Provider>
  </BrowserRouter>
)
